<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../static/echarts.min.js"></script>
</head>
<body>
<div id="main" style="width:1400px;height:700px"></div>
<script type="text/javascript">
      // 基于准备好的dom，初始化echarts实例
      var myChart = echarts.init(document.getElementById('main'));

option = {
  title: {
    text: '疫情基础条形图'
  },
  tooltip: {
    trigger: 'axis',
    axisPointer: {
      type: 'shadow'
    }
  },
  legend: {},
  grid: {
    left: '3%',
    right: '4%',
    bottom: '3%',
    containLabel: true
  },
  xAxis: {
    type: 'value',
    boundaryGap: [0, 0.01]
  },
  yAxis: {
    type: 'category',
    data: {{picl[0] | safe}}
  },
  series: [
    {
      name: '累计',
      type: 'bar',
      data: {{picl[1] | safe}}
    },
    {
      name: '治愈',
      type: 'bar',
      data: {{picl[2] | safe}}
    }
  ]
};

      // 使用刚指定的配置项和数据显示图表。
      myChart.setOption(option);






</script>

</body>
</html>